<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>warningPage</title>
    <style type="text/css">
      body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button
      form,fieldset,input,textarea,p,blockquote,th,td {   
　　    padding: 0;   
　　    margin: 0;   
      }
      html, body {
        width: 100%;
        height: 100%;
      }
      .container {
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        margin: 0 auto;
      }
      .warningIcon {
        opacity: 0.65;
      }
      .center {
        text-align: center;
      }
      .errorCode {
        margin: 10px 0;

      }
      #errorCode {
        font-size: 110%;
      }
      .errorMessage {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        max-width: 80vw;
        width: auto;
        display: inline-block;
        overflow-wrap: break-word;
        color: rgb(95, 99, 104);
        font-family: system-ui,PingFang SC,STHeiti,sans-serif;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="warningIcon center">
        <svg t="1624601457410" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1896" width="15vw" height="15vw"><path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024zM512 85.357714a426.642286 426.642286 0 1 0 0 853.284572A426.642286 426.642286 0 0 0 512 85.357714zM512 227.474286c26.185143 0 47.396571 22.454857 47.396571 50.249143v301.129142c0 27.794286-21.211429 50.176-47.396571 50.176-26.185143 0-47.396571-22.454857-47.396571-50.176V277.723429c0-27.721143 21.211429-50.176 47.396571-50.176z m0 468.553143c26.185143 0 47.396571 22.528 47.396571 50.102857 0 27.794286-21.211429 50.322286-47.396571 50.322285-26.185143 0-47.396571-22.528-47.396571-50.249142 0-27.721143 21.211429-50.249143 47.396571-50.249143z" p-id="1897"></path></svg>
      </div>

      <div class="errorCode center" ><h2>无法访问此网站</h2></div>
      <div class="errorMessage" id="errorMessage">w(ﾟДﾟ)w 页面丢失了</div>

    </div>
    <script type="text/javascript">
      // document.getElementById("errorCode").innerHTML = "AAAAAAAA"
      function changeErrorMessage(message) {
        document.getElementById("errorMessage").innerHTML = message
      }
    // changeErrorMessage("错误信息测试。")
    </script>
  </body>
</html>

